$themeColor: #00284d;
$themeLight: #2bffff;
$fontColor: #fff;

$font32: 32px;
$black: #000000;

$containerTop: 80px;
$topHeight: 60px;
$conditionHeight: 32px; //表格上方条件的高度

.el-pagination {
    margin: 5px 0;
}
.whiteText {
    color: #fff;
}
.mainText {
    color: rgb(54, 50, 50) !important;
}

@mixin routerView {
    font-family: PingFang SC;
    position: relative;
    height: 100%;
}

//组件的位置样式
@mixin inputLocation($width: 220px, $inputWidth: 180px) {
    width: $width;
    float: left;
    margin-bottom: 5px;

    & > p {
        float: left;
        font-size: 13px;
        line-height: $conditionHeight;
        margin-right: 10px;
    }
    .input {
        float: left;
        width: $inputWidth;
    }
}

@mixin page {
    position: absolute;
    bottom: 0;
    width: 100%;
}
@mixin routerView {
    font-family: PingFang SC;
    position: relative;
    height: 100%;
}

@mixin condition($height: 32px) {
    width: 100%;
    // position: absolute;
    // top: 0;
    height: $height;
    @media screen and (max-width: 1366px) {
        // min-width: 1126px;
    }
}

@mixin table($top: 88px) {
    // position: absolute;
    // top: $top;
    width: 100%;
    margin-top: 10px;
}

@mixin dialogForm {
    .el-dialog__body {
        padding: 0 24px 20px 24px;
    }
    .el-dialog__header {
        padding: 10px;
    }
    .el-dialog__headerbtn {
        top: 8px;
        font-size: 22px;
    }

    .el-form-item__label {
        font-size: 13px;
    }
    .el-dialog {
        border-radius: 4px;
    }
}

@mixin formBtn {
    width: 100%;
    overflow: hidden;
}

@mixin line {
    width: 100%;
    height: 1px;
    background: #167fff;
    margin-bottom: 20px;
}

@mixin formInput($width: 260px) {
    width: $width;
}

@mixin title($width: 85%) {
    width: 100%;
    overflow: hidden;
    margin: 10px 0 20px 0;
    span {
        width: 3px;
        height: 14px;
        background: #167fff;
        float: left;
    }
    p {
        font-size: 14px;
        line-height: 14px;
        float: left;
        margin: 0 14px 0 4px;
    }
    b {
        width: $width;
        height: 1px;
        background: #e3e8f1;
        float: right;
        margin-top: 7px;
        margin-right: 10px;
    }
}

@mixin conditionBtn {
    float: left;
    margin-bottom: 10px;
    @media screen and (max-width: 1366px) {
        margin-top: 10px;
    }
}

@mixin searchBtn {
    @media screen and (max-width: 1366px) {
        margin-top: 0;
    }
}
